<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 86155
  Date: 2022/3/25
  Time: 0:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>商品分类</title>
  <link href="${pageContext.request.contextPath}/css/commodityClassification.css" rel="stylesheet"/>
  <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
</head>
<body>

<jsp:include page="../navigation/navigation.jsp"/>

<!--     导行条-->
<div class="div1">
  <ul>
    <li>
      <a href="javascript:void(0)" class="a3">狗狗</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a2">商品分类</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">品牌特卖</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">潮品视频</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">小剧场</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">宠宠课堂</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">萌爪联盟</a>
    </li>
    <li>
      <a href="javascript:void(0)" class="a4">清仓特价</a>
    </li>

  </ul>
</div>
<%--<!--     长横线-->--%>
<%--<div class="line_1"></div>--%>

<div class="bottom-div">
  <div class="select_nav">
    <div class="nav_category">
      <div class="cate_label">
        <span class="cate_item">品牌：</span>
        <!--<a href="" class="select_all_click">不限</a>-->
      </div>
      <div class="nc_items">
        <a href="javascript:void(0)" class="a1 selected">不限</a>
        <a href="javascript:void(0)"  class="a1">欧恩培</a>
        <a href="javascript:void(0)"  class="a1">食物链</a>
        <a href="javascript:void(0)"  class="a1">生鲜本能Instinct</a>
        <a href="javascript:void(0)"  class="a1">日和优宠HIYORI</a>
        <a href="javascript:void(0)"  class="a1">强生宠儿JSPET</a>
        <a href="javascript:void(0)" class="a1">普瑞纳HIPRO</a>
        <a href="javascript:void(0)" class="a1">佩马斯特PetMaster</a>
        <a href="javascript:void(0)" class="a1">欧斯恩Oceanique</a>
        <a href="javascript:void(0)" class="a1">欧帝亿IMPERIAL</a>
        <a href="javascript:void(0)" class="a1">美士Nutro</a>
        <a href="javascript:void(0)" class="a1">麦富迪Myfoodie</a>
        <a href="javascript:void(0)" class="a1">蓝氏LegendSandy</a>
        <a href="javascript:void(0)" class="a1">雷米高</a>
      </div>
    </div>
    <div class="nav_category">
      <div class="cate_label">
        <span class="cate_item">商品规格：</span>

      </div>
      <div class="nc_items person_consume">
        <a href="javascript:void(0)" class="a1">1kg以内</a>
        <a href="javascript:void(0)" class="a1">1.1kg~2kg</a>
        <a href="javascript:void(0)" class="a1">2.1kg~5kg</a>
        <a href="javascript:void(0)" class="a1">5.1kg~10kg</a>
        <a href="javascript:void(0)" class="a1">10.1kg~20kg</a>
        <a href="javascript:void(0)" class="a1">20kg以上</a>
      </div>
    </div>
    <div class="nav_category">
      <div class="cate_label">
        <span class="cate_item">适合年龄：</span>
      </div>
      <div class="nc_items person_consume">
        <a href="javascript:void(0)" class="a1">成犬</a>
        <a href="javascript:void(0)" class="a1">全年龄犬</a>
        <a href="javascript:void(0)" class="a1">幼犬</a>
        <a href="javascript:void(0)" class="a1">老犬</a>
        <a href="javascript:void(0)" class="a1">哺乳期犬</a>
      </div>
    </div>
    <div class="nav_category">
      <div class="cate_label">
        <span class="cate_item">销售价格：</span>
      </div>
      <div class="nc_items person_consume">
        <a href="javascript:void(0)" class="a1">小于100元</a>
        <a href="javascript:void(0)" class="a1">100元~200元</a>
        <a href="javascript:void(0)" class="a1">200元~500元</a>
        <a href="javascript:void(0)" class="a1">500元~1000元</a>
        <a href="javascript:void(0)" class="a1">1000元以上</a>
      </div>
    </div>
  </div>
</div>
<div class="norms-box">
  <!-- 排序条件导航条-->
  <div class="lis_pll">
    <a href="javascript:void(0)" class="current nobg">默认</a>
    <a href="javascript:void(0)" class="current">销量</a>
    <a href="javascript:void(0)" class="current">人气</a>
    <a href="javascript:void(0)" class="current">新品</a>
    <a href="https://list.epet.com/5b1.html" class="current">评论</a>
    <a href="https://list.epet.com/5b1.html" class="current">价格</a>

  </div>
  <!-- 分页信息 -->
  <div class="lis-plr">
            <span class="fr2">
                 共找到
                <span class="cred">642</span>
                件商品
            </span>
    <span class="fr2 ml">1/11</span>

    <a href="javascript:void(0)" class="fr2 ml"><span>上一页</span></a>
    <a href="javascript:void(0)" class="fr2 ml"><span>下一页</span></a>


  </div>

</div>
<!-- 商品展示-->
<div class="lis_box">
  <ul style="list-style: none;">
    <c:forEach items="${proInfo.list}" var="pro">
      <li>
        <div class="list_box_li">
          <a href="javascript:void(0)">
            <img class="gd-photoimg" height="200px" width="200px" src="${pro.productPic}">
          </a>
          <span class="listactivity-ico">
                <img class="activityico" src="	https://static.epetbar.com/static_wap/appmall/lib/list/activity.png?version=2016120201">
            </span>
          <a href="${pageContext.request.contextPath}/product/${pro.productId}" class="gtitle">${pro.productName}</a>
          <p class="gprice">
            <!--                <span class="through market-price">￥333.00</span>-->
            <span class="money">￥</span>
            <span class="through market-price">${pro.productPrice}</span>
            <span class="dc">12.95</span>
            <span class="dc dprice">元/斤</span>
          </p>
          <p>
            <span class="dc deal-cnt">月销${pro.productMsQuantity}件</span>
          </p>
        </div>
      </li>
    </c:forEach>
  </ul>

</div>

<script src="${pageContext.request.contextPath}/js/commodityClassification.js"></script>

</body>
</html>
